<template>
  <div>
    <div class="grid grid-cols-2 md:gap-4 !md:m-4">
      <ConversionRateCard v-if="checkPowerByName('subConversion')" />
      <DistributionCard v-if="checkPowerByName('industryDis')" cardType="industry" />
      <DistributionCard v-if="checkPowerByName('addressDis')" cardType="location" />
      <DistributionCard v-if="checkPowerByName('sourceDis')" cardType="channel" />
    </div>
  </div>
</template>

<script lang="ts" setup>
import ConversionRateCard from './cards/ConversionRateCard.vue';
import DistributionCard from './cards/DistributionCard.vue';
import { checkPowerByName } from '../../../../utils/permission';
</script>
